* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100vw;
    height: 100%;
    font-family: sans-serif;
}

body {
    overflow-x: hidden;
}

img {
    border-style: none;
}

li {
    list-style: none;
}

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
    color: #fff;
}

a:active,
a:hover {
    outline-width: 0;
}

.advImg {
    width: 100%;
    height: 10vh;
    display: block;
    margin: 0 auto;
}

.advImg img {
    width: 100%;
    height: 100%;
    float: left;
}

.pageTitle {
    width: 33.85vw;
    height: 7.35vh;
    position: absolute;
    left: 32.8vw;
    top: 100px;
    z-index: 101;
    pointer-events: none;
}

.root {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 100%;
    background: url("../images/bodyBg.jpg") no-repeat;
    background-size: 100vw 100vh;
    padding: 0 2.257vw;
}

.rootLeft,
.rootRight {
    width: 18.37vw;
    float: left;
    margin-top: 14.4vh;
}

.rootLeft.leftBg {
    width: 21vw;
    margin-left: 1vw;
    height: 81.5%;
    background: url("../images/left_bg.png") no-repeat;
    background-size: contain;
    margin-top: 14.4vh;
}

.rootLeft .rootMiddle {
    width: 42vw;
    margin: 0 auto;
    float: left;
}

.hudai_box h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 1.8vw;
    margin-top: 0.8vw;
}

.hudai_box .hudai {
    width: 18vw;
    height: 7vw;
    padding-left: 0.3vw;
    margin-left: 0.8vw;
    margin-top: 0.6vw;
    background: url("../images/hudai_bg.png") no-repeat;
    background-size: contain;
}

.hudai_notice {
    width: 18vw;
    height: 4.4vw;
    text-align: center;
    margin-left: 0.8vw;
    background: url("../images/hudai_notice_bg.png") no-repeat;
    background-size: contain;
}

.hudai_notice h4 {
    color: #ffffff;
    font-size: 15px;
    padding-top: 1vh;
}

.hudai_notice p {
    color: #00D7FE;
    font-size: 15px;
}

.hudai_notice p span {
    color: #ffffff;
    font-size: 15px;
}

.jinrongfuwu h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 1.8vw;
}

.jinrongfuwu .xindaifuwu {
    width: 18vw;
    height: 8.4vw;
    margin-left: 0.8vw;
    margin-top: 0.6vw;
    background: url("../images/jinrongfuwu_bg.png") no-repeat;
    background-size: 100%;
}

.xingyongtixi h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 1.8vw;
}

.xingyongtixi .xinyong {
    width: 18vw;
    height: 7vw;
    padding-left: 1.5vw;
    margin-left: 0.8vw;
    margin-top: 0.6vw;
    background: rgba(102, 160, 255, 0.1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0px 1px 1px 0px rgba(0, 37, 71, 0.75);
    opacity: 0.5;
}

.rootMiddle {
    width: 53%;
    float: left;
}

.rootMiddle .head {
    margin-top: 1.2vw;
    text-align: center;
    margin-bottom: 1vh;
}

.rootMiddle .head img {
    width: 38.2vw;
    margin: 0 auto;
}

.rootMiddle .map {
    margin-bottom: 1vh;
}

.rootMiddle .info {
    width: 48vw;
    height: 44vh;
    margin: 0 auto;
    background: url("../images/mid_info_bg.png") no-repeat;
    background-size: 100% 92%;
    padding-top: 0.2vw;
    position: relative;
}

.info h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-top: 0.8vw;
    margin-left: 3vw;
    margin-bottom: 0.4vw;
}

.info .info_bg {
    width: 44vw;
    height: 15vh;
    margin: 0 auto;
    background: url("../images/info_bg.png") no-repeat;
    background-size: 100% 97%;
    margin-left: 1.2vw;
}

.info .info_bg p {
    color: #01C3FF;
    font-size: 15px;
    padding: 20px;
    line-height: 1vw;
}

.info .info_bg p span {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6vw;
}

.btn_box {
    width: 44vw;
    margin-left: 1.2vw;
    padding-left: 0.2vw;
}

.btn_box span {
    width: 6vw;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    background: url("../images/zhen_btnbg.png") no-repeat;
}

.fupinchengji {
    text-align: center;
    width: 14.4vw;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: 12px;
    color: #ffffff;
    background: url("../images/fupinchengji.png") no-repeat;
    position: absolute;
    left: 15vw;
    top: 0.2vw;
}

.fupinchengji h5 {
    background: url("../images/danghui.png") no-repeat 0;
    padding-left: 6px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 2vw;
}

.rootRight {
    float: right;
}

.rootRight.rightBg {
    width: 21vw;
    padding-left: 2.2vw;
    margin-right: 1vw;
    height: 81.5%;
    background: url("../images/right_bg.png") no-repeat;
    background-size: contain;
}

.canye_box {
    margin-top: 0.6vw;
}

.canye_box h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 1.8vw;
    margin-bottom: 1vh;
}

.canye_box .btn {
    width: 17.6vw;
    height: 10.4vw;
}

.canye_box .canye_bg {
    width: 18vw;
    height: 16.4vw;
    line-height: 2.4vw;
    background: url("../images/canye_bg.png") no-repeat;
    color: #01C3FF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-size: contain;
}

.canye_box .canye_bg .cont {
    width: 16.4vw;
    height: 4.2vw;
    background: rgba(0, 55, 79, 1);
    box-shadow: 0px 0px 16px 0px rgba(0, 216, 245, 0.5);
    margin-left: 0.6vw;
}

.canye_box .canye_bg p {
    color: #00D7FE;
    font-size: 12px;
    line-height: 1vw;
    text-align: left;
    padding: 0.4vw;
}

.canye_box .canye_bg .cont span {
    color: #ffffff;
    font-size: 15px;
}

.hezuoshe h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 1.8vw;
    margin-bottom: 1vh;
}

.hezuoshe .hezuosheMap {
    width: 18vw;
    height: 2.2vw;
    background: rgba(102, 160, 255, 0.1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0px 1px 1px 0px rgba(0, 37, 71, 0.75);
    opacity: 0.8;
    margin-bottom: 1vh;
}

.hezuoshe .hezuosheNumMap {
    width: 18vw;
    height: 2.8vw;
    background: rgba(102, 160, 255, 0.1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0px 1px 1px 0px rgba(0, 37, 71, 0.75);
    opacity: 0.5;
    margin-bottom: 1vh;
}

.hezuoshe .hezuosheNumMap .hezuosheNum_bg {
    width: 17.6vw;
    height: 2.4vw;
    line-height: 2.4vw;
    background: url("../images/hezuosheNum_bg.png") no-repeat;
    color: #01C3FF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.hezuosheNumMap .hezuosheNum_bg span {
    color: #FFFFFF!important;
    font-size: 16px;
}

.fengxianjin h3 {
    background: url("../images/line_left.png") no-repeat;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 1.8vw;
    margin-bottom: 1vh;
}

.fengxianjin .fengxianjinMap {
    width: 18vw;
    height: 7vw;
    padding-left: 1.5vw;
    background: rgba(102, 160, 255, 0.1);
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(24, 147, 254, 1), rgba(25, 190, 255, 1)) 1 1;
    box-shadow: 0px 1px 1px 0px rgba(0, 37, 71, 0.75);
    opacity: 0.5;
}

.hezuoshe .hezuosheMap span {
    width: 4.2vw;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: 0.625vw;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    background: url("../images/hezuoshe_bg.png") no-repeat;
    background-size: cover;
    padding-top: 0.2vh;
    padding-left: 0.4vh;
}


/* 模块边框样式 Start */

.frame-border {
    position: relative;
    float: left;
}

.frame-border .title {
    position: absolute;
    top: -1.1vh;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.frame-border .title .text {
    display: inline-block;
    background: #001020;
    padding: 0 0.52vw;
    color: #ffffff;
    letter-spacing: 0.07vw;
    text-align: center;
    font-size: 0.625vw;
    font-weight: bold;
}

.frame-border .corner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.frame-border .corner div {
    position: absolute;
    width: 50%;
    height: 50%;
}

.frame-border .corner .top-left {
    background: -webkit-linear-gradient(-45deg, #16ffff 1%, #16729e 10px);
    top: 0;
    left: 0;
}

.frame-border .corner .top-right {
    background: -webkit-linear-gradient(225deg, #16ffff 1%, #16729e 10px);
    top: 0;
    right: 0;
}

.frame-border .corner .bottom-left {
    background: -webkit-linear-gradient(45deg, #16ffff 1%, #16729e 10px);
    bottom: 0;
    left: 0;
}

.frame-border .corner .bottom-right {
    background: -webkit-linear-gradient(135deg, #16ffff 1%, #16729e 10px);
    bottom: 0;
    right: 0;
}

.frame-border .content-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.185vh 0.104vw;
}

.frame-border .content-border .content {
    background: #001020;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* 模块边框样式 End */


/* swiper style */

.swiperTypePage {
    bottom: 0.154vh !important;
}

.swiper-pagination-bullet {
    width: 0.521vw;
    opacity: 1;
    height: 0.309vh;
    background: #808890;
    border: 0.035vw solid #fff;
}

.swiper-pagination-bullet-active {
    background: #0273bd;
    border-color: #039dff;
}

.left-top {
    height: 14.25vh;
    width: 100%;
}

.generalizeCon {
    padding: 2vh 0.1vw 0;
    width: 100%;
    float: left;
}

.left-top .row2 {
    padding-top: 1.6vh !important;
}

.generalizeCon div {
    width: 25%;
    float: left;
    text-align: center;
}

.generalizeCon div:first-child {
    width: 23%;
}

.generalizeCon div:last-child {
    width: 27%;
}

.generalizeCon div p:last-child {
    font-size: 0.347vw;
    color: #fff;
}

.generalizeCon div p:first-child {
    font-size: 0.347vw;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0.4vh;
}

.generalizeCon div p:first-child span {
    font-size: 1.04vw;
    margin-right: 0.1vw;
}

.generalizeCon div:first-child p:first-child {
    color: #09cefc;
}

.generalizeCon div:nth-child(2) p:first-child {
    color: #09a6f7;
}

.generalizeCon div:nth-child(3) p:first-child {
    color: #0a82ff;
}

.generalizeCon div:last-child p:first-child {
    color: #7665ff;
}

.marginTop {
    margin-top: 1.54vh;
}

.left-top .row2 div:first-child p:first-child {
    color: #ffd900;
}

.left-top .row2 div:nth-child(2) p:first-child {
    color: #ffad00;
}

.left-top .row2 div:nth-child(3) p:first-child {
    color: #e26f04;
}

.left-top .row2 div:last-child p:first-child {
    color: #ff631d;
}


/*贫困类别*/

.left-bar-line {
    width: 100%;
    height: 18.669vh;
}

.left-bar-line .swiper-slide {
    padding: 1vh 0.2vw 0;
}

.bar-line-box {
    width: 70%;
    float: left;
    height: 100%;
    color: #fff;
}

.loop-box {
    width: 30%;
    float: right;
    height: 100%;
}

.loopCon {
    width: 100%;
    height: 52%;
    float: left;
}


/* 致贫原因 */

.pieCon {
    width: 100%;
    height: 50%;
    float: left;
}


/* legeng样式 */

.left-legend {
    float: left;
}

.left-legend ul {
    float: left;
    color: #fff;
    font-size: 0.35vw;
}

.left-legend ul li {
    float: left;
    margin: 0 0 0.6vh 0.6vw;
}

.left-legend ul li .text {
    float: left;
}

.left-legend ul li .icon,
.mapLegend ul li .icon {
    float: left;
    border: 0.04vh solid;
    width: 0.37vw;
    height: 0.66vh;
    box-sizing: content-box;
    margin: 0.4vh 0.2vw 0 0;
}

.loopLegend ul li {}

.loopLegend ul li .icon.b1 {
    background: #045d90;
    border-color: #0adffd;
}

.loopLegend ul li .icon.b2 {
    background: #3e8212;
    border-color: #8ffd00;
}

.loopLegend ul li .icon.b3 {
    background: #807313;
    border-color: #fdf000;
}

.cross-bar-box {
    width: 61%;
}

.pie-box {
    width: 39%;
}

.pieLegend ul li {
    width: auto;
    float: left;
    margin: 0 0.2vw 0.5vh 0;
}

.pieLegend ul li .icon.b1 {
    background: #045d90;
    border-color: #0adffd;
}

.pieLegend ul li .icon.b2 {
    background: #3e8212;
    border-color: #8ffd00;
}

.pieLegend ul li .icon.b3 {
    background: #807313;
    border-color: #fdf000;
}

.pieLegend ul li .icon.b4 {
    background: #772730;
    border-color: #de7779;
}

.pieLegend ul li .icon.b5 {
    background: #401870;
    border-color: #be43f4;
}

.pieLegend ul li .icon.b6 {
    background: #004379;
    border-color: #0074ce;
}

.newsBlock {
    width: 100%;
    float: left;
    height: 18.709vh;
}

.block-frame {
    padding: 1.2vh 0.6vw 0;
    height: 100%;
}

.newsList .nav-tab {
    width: 100%;
    height: 2.35vh;
    border: 0.035vw solid #09d4ff;
}

.newsList .nav-tab li {
    width: 33.3%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 2.35vh;
    font-size: 0.3125vw;
    background: #0273bd;
    border-right: 0.035vw solid #09d4ff;
    color: #fff;
}

.newsList .nav-tab li:last-child {
    border: none;
}

.newsList .nav-tab li.selected {
    background: #09d4ff;
    width: 33.4%;
}

.newsList .tab-panel {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0.6vh 0;
}

.newsList .tab-panel li {
    position: absolute;
    width: 100%;
    height: 100%;
}

.newsList .tab-panel li a {
    display: block;
    font-size: 0.3125vw;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 3px;
    margin-bottom: 0.25vh;
}

.newsList .tab-panel li a.later8 {
    display: none;
}


/* 帮扶措施 */

.measuresBlock {
    width: 100%;
    height: 17.28vh;
    float: left;
}

.measuresType,
measuresList {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0.5vh 0;
}

.measuresType a {
    display: block;
    width: 32%;
    height: 4.2vh;
    float: left;
    margin: 0 2% 0.6vh 0;
    text-align: center;
    background: #005e96;
    font-size: 0.3125vw;
    padding-top: 0.3vh;
    border: 0.035vw solid #0aa2f2;
    cursor: pointer;
    position: relative;
}

.measuresType a:nth-child(3n+3) {
    margin-right: 0;
}

.measuresList {
    display: none;
    position: relative;
    height: 14.2vh;
    width: 100%;
    float: left;
    border: 0.069vw solid #039dff;
    background: #012447;
    float: right;
    margin-top: 0.5vh;
    /*overflow: hidden;*/
}

.measuresList .slide-measures-list li a {
    width: 100%;
    display: block;
    float: left;
    font-size: 0.3125vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    line-height: 2.05vh;
}

.measuresList .slide-measures-list {
    width: 100%;
    float: left;
    color: #fff;
    margin: 0.3vh 0 0 0;
    height: 11vh;
    padding: 0 0.3125vw;
    overflow: hidden;
}

.measuresList .slide-measures-list li {
    height: 2.11vh;
    list-style: none;
    margin: 0;
    width: 100%;
    float: left;
}

.measuresList .slide-measures-list li a {
    display: inline-block;
    float: left;
    cursor: pointer;
}

.measuresList .slide-measures-list li a span {
    display: inline-block;
    height: 100%;
    line-height: 2.11vh;
    font-size: 0.35vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 0.06vh solid #16729e;
    float: left;
    text-align: center;
}

.returnBtn {
    position: absolute;
    cursor: pointer;
    top: -1.9vh;
    right: -0.6vw;
    color: #0aa2f2;
    font-style: normal;
    font-size: 0.35vw;
    z-index: 150;
}


/* 扶贫成果 */

.resultCon {
    overflow: hidden;
}

.achievement-part .content-frame {
    padding-top: 0.5vh;
    height: 100%;
}

.achievement-part {
    width: 100%;
    height: 100%;
    float: left;
}

.achievement-part .content-frame span {
    float: left;
    width: 5.4vw;
    height: 5.99vh;
    margin-right: 0.3vw;
    position: relative;
}

.achievement-part .content-frame span div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/achievement/02.jpg") no-repeat;
    background-size: 100%;
    display: flex;
}

.achievement-part .content-frame span div img {
    display: block;
    margin: auto;
    width: 0.97vw;
    height: 1.73vh;
}

.achievement-part .content-frame span:first-child,
.achievement-part .content-frame span:nth-child(2),
.achievement-part .content-frame span:nth-child(3) {
    margin-bottom: 0.35vw;
}

.achievement-part .content-frame span:nth-child(3n+3) {
    margin-right: 0;
}

.content-frame span video {
    width: 100%;
    height: 100%;
    float: left;
}

.achievement-part .content-frame span img {
    width: 100%;
    height: 100%;
    float: left;
}

.resultBlock {
    width: 100%;
    float: left;
    height: 36.28vh;
    padding: 0.8vh 0.6vh;
}

.resultBlock .content {
    padding: 0 0.6vw;
}

.resultBlock .msgTop {
    width: 100%;
    height: 5.25vh;
    float: left;
    margin-top: 0.5vh;
}

.resultBlock .msgTop .msgTopBlock {
    width: 50%;
    height: 100%;
    float: left;
    display: table;
    color: #fff;
}

.resultBlock .msgTop .msgTopBlock i {
    display: table-cell;
    vertical-align: middle;
    width: 2.16vw;
    padding: 0 0.2vw;
}

.resultBlock .msgTop .msgTopBlock i img {
    width: 2.16vw;
    height: 3.21vh;
}

.resultBlock .msgTop .msgTopBlock div {
    display: table-cell;
    vertical-align: middle;
}

.resultBlock .msgTop .msgTopBlock div span {
    font-size: 0.35vw;
    display: block;
    color: #7cf102;
}

.resultBlock .msgTop .msgTopBlock div:nth-child(2) span {
    color: #09d4ff;
}

.resultBlock .msgTop .msgTopBlock div span code {
    font-size: 1.04vw;
    font-style: normal;
}

.resultBlock .msgTop .msgTopBlock div p {
    display: block;
    font-size: 0.35vw;
}

.msgMsgScroll {
    width: 100%;
    border: 0.069vw solid #039dff;
    background: #012447;
    height: 28.45vh;
    float: right;
    margin-top: 0.5vh;
}

.msgMsgScroll .listTitle,
.measuresList .listTitle {
    width: 100%;
    height: 2.16vh;
    float: left;
    color: #039dff;
    border-bottom: 0.06vh solid #039dff;
}

.msgMsgScroll .listTitle span,
.measuresList .listTitle span {
    float: left;
    text-align: center;
    line-height: 2.16vh;
    font-size: 0.52vw;
}

.msgMsgScroll .listTitle span:first-child,
.slide-list li span:first-child,
.measuresList .listTitle span:first-child,
.measuresList .slide-measures-list li a span:first-child {
    width: 28%;
}

.msgMsgScroll .listTitle span:nth-child(2),
.slide-list li span:nth-child(2),
.measuresList .listTitle span:nth-child(2),
.measuresList .slide-measures-list li a span:nth-child(2) {
    width: 32%;
}

.msgMsgScroll .listTitle span:last-child,
.slide-list li span:last-child,
.measuresList .listTitle span:last-child,
.measuresList .slide-measures-list li a span:last-child {
    width: 40%;
}

.slide-container {
    position: relative;
    height: 25.6vh;
    width: 100%;
    overflow: hidden;
}

.slide-list {
    width: 100%;
    height: 25.6vh;
    float: left;
    color: #fff;
    padding: 0 0.3125vw;
}

.slide-list li {
    height: 2.11vh;
    list-style: none;
    margin: 0;
    width: 100%;
    float: left;
}

.slide-list li span {
    display: inline-block;
    height: 100%;
    line-height: 2.11vh;
    font-size: 0.35vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 0.06vh solid #16729e;
    float: left;
    text-align: center;
}


/* 页面中间部分  */

.rootMedium {
    width: 56.98vw;
    float: left;
    margin-left: 0.87vw;
    position: relative;
    height: 100%;
    padding-top: 5.49vh;
}

.rootMedium .logList {
    width: 100%;
    height: 6.79vh;
    position: absolute;
    bottom: 3.8vh;
}

.map {
    width: 40.90vw;
    overflow: hidden;
    height: 42.94vh;
    margin: 0 auto;
    border: 4px solid #28529b;
    border-radius: 6px;
    padding: 4px;
}

.mapOut {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    pointer-events: none;
}

.mapRight {
    height: 100%;
    border: 0.104vw solid #16729e;
    width: 18.2vw;
    position: absolute;
    right: -18.304vw;
    top: 0;
    z-index: 10;
    background: #001020;
}

.flag {
    width: 1.04vw;
    height: 1.04vw;
    position: absolute;
    z-index: 11;
    top: 0.15vh;
    left: 4.6vw;
}

#myMap {
    width: 100%;
    height: 100%;
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tip {
    /* 贫困村名字提示框 */
    position: absolute;
    color: #333;
    -webkit-user-select: none;
    white-space: nowrap;
}

.tip h2 {
    font-size: 1.04vw;
    white-space: nowrap;
    padding: 0.3vw 0.6vw;
    background: #fff;
    font-weight: normal;
    border-radius: 0.2vw;
}

.tip h2::before {
    content: '';
    width: 0.8vw;
    height: 0.8vw;
    position: absolute;
    border-radius: 0.2vh;
    right: -0.3vw;
    top: 0.5vw;
    background: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.water {
    /* 坐标点 */
    position: absolute;
    width: 70px;
    height: 70px;
    -webkit-user-select: none;
    border: none;
    background: none;
}

.countryMap {
    width: 100%;
    height: 41.3vh;
    position: relative;
    overflow: hidden;
}

.countryMsg {
    position: absolute;
    left: 1.08vw;
    top: 5.062vh;
    z-index: 30;
    pointer-events: none;
}

.countryName {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 0.625vw;
}

.countryNum {
    width: 3.4vw;
    height: auto;
    margin-top: 0.5vh;
    float: left;
    background: rgba(16, 121, 191, 0.5);
    border: 0.069vw solid #09d4ff;
    padding: 0.3vw;
}

.countryNum li {
    width: 100%;
    float: left;
    border-bottom: 0.052vw dashed #0a9bc5;
    color: #fff;
    margin-bottom: 0.6vw;
    padding-bottom: 0.3vh;
}

.countryNum li p {
    font-size: 0.35vw;
}

.countryNum li:last-child {
    border: none;
    margin-bottom: 0;
}

.countryNum li p span {
    font-size: 1.042vw;
}

.countryNum li i {
    font-style: normal;
    font-size: 0.71vh;
    float: left;
}

.mapRightFoot {
    width: 100%;
    float: left;
    border-top: 0.104vw solid #16729e;
}

.mapRightFoot .tabCon {
    float: left;
    width: 100%;
}

.mapLegend {
    width: 13.54vw;
    height: auto;
    position: absolute;
    z-index: 20;
    background: url("../images/legendBj.png") no-repeat;
    background-size: 100% 100%;
    bottom: 46.6vh;
    left: 2.33vw;
    padding: 0.2vh 0 0 0.2vw;
}

.areaMapLegend {
    width: 11.1vw;
    bottom: 0.31vh;
    left: 3.39vw;
    position: absolute;
    z-index: 99999;
    background: url("../images/legendBj3.png") no-repeat;
    background-size: 100% 100%;
    height: 2.41vh;
}

.mapLegend ul {
    font-size: 0.35vw;
    width: 100%;
    float: left;
    color: #fff;
    padding-left: 0.6vw;
}

.areaMapLegend ul {
    padding-left: 1.2vw;
}

.mapLegend ul li {
    float: left;
    line-height: 2.41vh;
    margin-left: 0.625vw;
}

.areaMapLegend ul li {
    margin-right: 0.6vw;
}

.mapLegend ul li .text {
    float: left;
}

.mapLegend ul li .icon {
    margin-top: 0.8vh;
}

.mapLegend ul li .icon.b1 {
    background: #056690;
    border-color: #07d4ff;
}

.mapLegend ul li .icon.b2 {
    background: #336619;
    border-color: #79f200;
}

.mapLegend ul li .icon.b3 {
    background: #816e10;
    border-color: #ffd002;
}

.mapLegend ul li .icon.b4 {
    background: #772730;
    border-color: #fe797c;
}

.mapLegend ul li .icon.b5 {
    background: #818890;
    border-color: #fefeff;
}

.renshejuTitle {
    text-align: center;
    padding-top: 0.6vw;
    color: #fff;
    font-size: 1.11vh;
    margin-bottom: 0.52vw;
}

.renshejuTitle span {
    font-size: 0.74vh;
    display: block;
    margin-top: 0.2vh;
}

.mapRightTable {
    width: 100%;
    float: left;
    height: auto;
}

.renshejuTable {
    color: #fff;
    width: 16.08vw;
    margin-left: 0.66vw;
    border: 0.035vw solid #16729e;
    border-collapse: collapse;
}

.renshejuTable th,
.renshejuTable td {
    border: 0.035vw solid #16729e;
    border-collapse: collapse;
}

.renshejuTable th {
    font-size: 0.52vw;
    color: #039dff;
    text-align: center;
    height: 2.72vh;
    padding: 0 0.2vw;
}

.renshejuTable td {
    padding: 0.52vw 0;
}

.renshejuTable td span {
    display: block;
    font-size: 0.35vw;
    width: 100%;
    padding-left: 6%;
    margin-bottom: 0.3vh;
}


/* 脱贫现状 */

.situation,
.mediumList {
    width: 16.08vw;
    margin-left: 0.66vw;
    float: left;
    color: #fff;
}

.curSituationTit {
    width: 100%;
    text-align: center;
    border-bottom: 0.035vw solid #16729e;
    padding: 0.6vw 0 0.3vw;
}

.situationCon {
    width: 100%;
    float: left;
}

.situationCon .situationRow {
    width: 100%;
    float: left;
}

.situationCon .situationRow div {
    width: 50%;
    /*height:3.8vh;*/
    float: left;
    margin-top: 1.54vh;
}

.situationCon .situationRow div i {
    width: 1.63vw;
    height: 1.42vw;
    display: block;
    float: left;
    margin: 0.3vh 0.2vw 0 0;
}

.situationCon .situationRow:first-child div:first-child i {
    background: url("../images/ico1.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow:first-child div:nth-child(2) i {
    background: url("../images/ico2.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow:nth-child(2) div:first-child i {
    background: url("../images/ico3.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow:nth-child(2) div:nth-child(2) i {
    background: url("../images/ico4.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow:nth-child(3) div:first-child i {
    background: url("../images/ico5.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow:nth-child(3) div:nth-child(2) i {
    background: url("../images/ico6.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow:nth-child(4) div:first-child i {
    background: url("../images/ico7.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow div.finished:first-child i {
    background: url("../images/ico1On.png") no-repeat;
    background-size: contain;
}

.situationCon .situationRow div p {
    font-size: 0.52vw;
    width: 6.21vw;
    float: left;
}

.situationCon .situationRow div p span {
    display: block;
    font-size: 0.35vw;
}

.situationCon .situationRow div.finished p {
    color: #ef5e07;
}

.leaderTitle {
    text-align: center;
    width: 100%;
    height: 3.58vh;
    line-height: 3.58vh;
    border-bottom: 0.035vw solid #16729e;
    color: #fff;
    font-size: 1.11vh;
}

.mediumList {
    position: relative;
}

.leaderTit {
    width: 100%;
    float: left;
    font-size: 0.93vh;
    color: #039dff;
    height: 1.22vw;
    line-height: 1.22vw;
    border-bottom: 0.035vw solid #039dff;
}

.leaderTit span {
    text-align: center;
    float: left;
    text-align: center;
}

.leaderList {
    width: 100%;
    float: left;
    height: 38vh;
    position: relative;
    overflow: hidden;
}

.leaderList ul {
    padding: 0 !important;
    height: 38vh;
}

.leaderList ul li {
    height: 1.98vh;
}

.leaderTit span:first-child,
.leaderList li span:first-child {
    width: 21%;
}

.leaderTit span:nth-child(2),
.leaderList li span:nth-child(2) {
    width: 30%;
}

.leaderTit span:nth-child(3),
.leaderList li span:nth-child(3) {
    width: 22%;
}

.leaderTit span:last-child,
.leaderList li span:last-child {
    width: 27%;
}

.ifShowMap {
    position: absolute;
    font-size: 0.35vw;
    color: #fff;
    right: 0.104vw;
    width: 0.8vw;
    height: 6.17vh;
    background: rgba(21, 92, 236, 0.5);
    z-index: 12;
    top: 4.32vh;
    font-style: normal;
    line-height: 6.17vh;
    text-align: center;
    -webkit-border-radius: 0.104vw 0 0 0.104vw;
    -moz-border-radius: 0.104vw 0 0 0.104vw;
    border-radius: 0.104vw 0 0 0.104vw;
    cursor: pointer;
}


/* 干部日志 */

.logCon {
    position: relative;
    padding-left: 1.04vw;
}

.bellIco {
    width: 1.65vw;
    float: left;
    height: 1.65vw;
    display: block;
    background: url("../images/bellIco.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 1.72vh;
}

.slide-log-container {
    position: relative;
    overflow: hidden;
    height: 6.79vh;
    width: 52.08vw;
}

.slide-log-list {
    width: 100%;
    float: left;
    color: #fff;
    padding-right: 0.38vw;
    height: 6.79vh;
    background: url("../images/yLine.png") repeat-x left 3.21vh;
}

.slide-log-list li {
    height: 6.79vh;
    width: 100%;
    float: left;
}

.slide-log-list li div {
    display: inline-block;
    height: 100%;
    line-height: 6.79vh;
    font-size: 0.52vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 17%;
    margin-left: 3%;
    position: relative;
    background: #001020;
}

.slide-log-list li div::before,
.slide-log-list li div::after {
    content: '';
    width: 0.24vw;
    height: 0.38vw;
    position: absolute;
    left: -0.36vw;
    padding: 0 0.14vw 0 0;
    top: 2.98vh;
    background-color: #001020;
    background-image: url("../images/leftIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.slide-log-list li div::after {
    left: auto;
    right: -0.36vw;
    padding: 0 0 0 0.14vw;
    background-image: url("../images/rightIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.logoImg {
    width: 100%;
    height: 1.98vh;
    position: absolute;
    left: 0;
    bottom: 12.9vh;
    text-align: center;
}

.logoImg img {
    height: 1.98vh;
    width: 7.57vw;
}


/* 页面右半部分 */

.right-top {
    width: 100%;
    float: left;
    height: 20vh;
}

.title .text span {
    display: block;
    font-size: 0.8vw;
}


/* 右侧帮扶措施 */

.measureBoxRight a {
    background: #08121f;
}

.measureBoxRight a.on {
    background: #005e96;
}

.measureBoxRight a.on::before {
    content: '';
    width: 0.66vw;
    height: 0.66vw;
    position: absolute;
    right: -0.2vw;
    bottom: -0.2vw;
    background: url("../images/selectedIco.png") no-repeat;
    background-size: contain;
}


/* 贫困户信息 */

.povertyMsgBlock {
    width: 100%;
    height: 19.5vh;
    float: left;
    color: #fff;
}

.swiper-msg .swiper-slide {
    padding: 1.42vh 0 1.3vh 0.4vw;
}

.swiperMsgPage {
    bottom: 0.25vw !important;
}

.familyImg {
    width: 15vh;
    height: 15vh;
    float: left;
    border: 0.068vw solid #cfd8e1;
    overflow: hidden;
}

.swiper-photo .swiper-slide {
    padding: 0;
}

.familyImg img {
    float: left;
    width: 100%;
    height: 100%;
}

.familyMsg {
    float: left;
    font-size: 0.35vw;
    margin-left: 0.4vw;
    width: 8vw;
}

.familyMsg p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    float: left;
}

.peopleMsg div {
    width: 48%;
    margin-right: 1%;
    padding: 0.2vh 0.4vw;
    height: 16.37vh;
    float: left;
    font-size: 0.35vw;
    background: #00385d;
    border: 1px solid #0ba6ff;
}


/* 联户帮扶干部 */

.leaderLogBlock {
    width: 100%;
    height: 19vh;
    float: left;
}

.leaderLogBlock .content {
    padding: 1.3vh 0.6vw;
}

.leaderLeft {
    width: 6.5vw;
    height: auto;
    float: left;
    color: #fff;
    font-size: 0.35vw;
}

.leaderPhoto {
    width: 4.79vw;
    height: 10vh;
    float: left;
    border: 0.069vw solid #cfd8e1;
    margin-bottom: 0.4vh;
    overflow: hidden;
}

.leaderPhoto img {
    width: 100%;
    height: 100%;
    float: left;
}

.leaderIntro {
    width: 100%;
    float: left;
}

.leaderIntro p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-bottom: 0.2vh;
}

.leaderLog {
    width: 10.39vw;
    height: 16vh;
    float: left;
    font-size: 0.35vw;
    color: #fff;
    overflow: hidden;
}

.leaderLog ul {
    width: 100%;
}

.leaderLog ul li {
    margin-bottom: 0.35vw;
    width: 100%;
    float: left;
    border: 0.069vw solid #0ba6ff;
    background: #0ba6ff;
}

.leaderLog ul li div {
    width: 100%;
    height: 1.73vh;
    float: left;
    line-height: 1.73vh;
    text-align: center;
}

.leaderLog ul li p {
    width: 100%;
    float: left;
    text-indent: 2em;
    background: #005e96;
    padding: 0.3vh 0.3vw;
}

.str_wrap {
    background: none;
}


/* 脱贫信息 */

.overcomePovertyMsgBlock {
    width: 100%;
    height: 30.62vh;
    float: left;
}

.overcomePovertyMsgBlock .content {
    padding: 1.39vh 0.6vw;
}

.overcomePovertyBox {
    width: 8.09vw;
    height: 8.58vh;
    float: left;
    color: #fff;
    background: #ef5e07;
    margin-bottom: 0.6vw;
    display: table;
    padding: 0 0.6vw;
}

.overcomePovertyBox i {
    display: table-cell;
    vertical-align: middle;
    width: 1.25vw;
}

.overcomePovertyBox i img {
    width: 1.25vw;
    height: 2.28vh;
}

.overcomePovertyBox div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0.417vw;
}

.overcomePovertyBox div p {
    font-size: 0.52vw;
}

.overcomePovertyBox div span {
    font-size: 0.35vw;
}

.boxOn {
    background: #005e96!important;
}

.overcomePovertyBox:nth-child(2n+2) {
    float: right;
}


/* 脱贫有印 */

.recordBlock {
    width: 100%;
    height: 49.3vh;
    float: left;
}

.recordBlock .content {
    padding: 1.23vh 0.6vw;
}

.recordBlock .swiper-record {
    width: 100%;
    height: 17.9vh;
    overflow: hidden;
    border: 0.123vh solid #cfd8e1;
    position: relative;
}

.recordBlock .swiper-record .swiper-slide img {
    width: 100%;
    height: 100%;
    float: left;
}

.recordBlock .recordSwiperPage {
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.timeLineOut {
    width: 100%;
    margin-top: 2vh;
    height: 26.6vh;
    float: left;
}

.timeLine {
    width: 100%;
    height: 27.6vh;
    padding-left: 3.7vw;
    color: #fff;
    font-size: 0.35vw;
}

.timeLine ul {
    width: 100%;
    float: left;
}

.timeLine li {
    border-left: 0.123vh solid #16729e;
    padding-left: 0.9375vw;
    float: left;
    position: relative;
    padding-bottom: 1.23vh;
}

.timeLine li span {
    position: absolute;
    left: -3.7vw;
    top: -0.4vw;
}

.timeLine li::before {
    content: '';
    width: 0.417vw;
    height: 0.417vw;
    position: absolute;
    background: #0ba6ff;
    border: 0.123vh solid #005e96;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -0.3vw;
    top: -0.3vw;
}

.timeLine li:hover::before {
    background: #fff;
}

.timeLine li div {
    width: 12vw;
    padding: 0.123vh;
    float: left;
    position: relative;
    background: #0ba6ff;
}

.timeLine li div h2 {
    width: 100%;
    line-height: 1.85vh;
    padding-left: 0.6vw;
    float: left;
    font-size: 0.93vh;
    height: 1.85vh;
}

.timeLine li div::before {
    content: '';
    width: 1.2vh;
    height: 1.2vh;
    background: #0ba6ff;
    position: absolute;
    left: -0.2vw;
    top: 0.4vh;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
}

.timeLine li div p {
    width: 100%;
    padding: 0.2vw;
    background: #005e96;
    float: left;
    text-indent: 2em;
}


/* 驻村工作队 */

.workTeam {
    width: 100%;
    height: 20vh;
    float: left;
}

.workTeam .content {
    padding: 2vh 0 0 0.6vw;
}

.workTeamBox li {
    width: 25%;
    height: 100%;
    float: left;
}

.workTeamBox li .photo {
    width: 2.85vw;
    height: 6.79vh;
    margin: 0 auto;
}

.workTeamBox li .photo img {
    width: 100%;
    height: 100%;
}

.workTeamBox li .intro {
    color: #fff;
    font-size: 0.35vw;
}

.workTeamBox li .intro span {
    display: block;
    float: left;
    width: 100%;
}


/* 点击照片放大 */

.popup {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 102;
}

.show {
    position: absolute;
    display: none;
    z-index: 103;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.show img.big {
    border: 0.2vw solid #fff;
    box-shadow: 0.3vw 0.3vw 0.3vw #000;
    border-radius: 0.5vw;
    float: left;
    max-height: 80vh;
}


/*行业脱贫 内容3*/

.industryOutOfPoverty_3content {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    float: left;
    padding: 0.5vh 0;
    color: white;
    font-size: 0.347vw;
    text-align: left;
}

.industryOutOfPoverty_3content>span {
    margin-right: 10px;
}

.industryOutOfPoverty_3content .returnBtn {
    position: absolute;
    cursor: pointer;
    top: -1.2vh;
    right: -0.4vw;
    color: #0aa2f2;
    font-style: normal;
    font-size: 0.35vw;
    z-index: 150;
}


/* 党建引领精准扶贫 */

.partyFlag {
    width: 1.04vw;
    height: 1.04vw;
    display: block;
    position: absolute;
    left: 0.1vw;
    top: 0.1vw;
}

.partyFlag img {
    width: 100%;
    height: 100%;
    float: left;
}

.partyLeft {
    width: 32%;
    float: left;
    overflow: hidden;
    height: 100%;
}

.partyLeft .swiper-slide img {
    width: 100%;
    margin-top: 1.44vw;
    height: 11vh;
    border: 1px solid #cfd8e1;
    float: left;
}

.partyLeft .swiper-slide p {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 0.35vw;
    text-align: center;
    margin-top: 0.4vw;
}

.partyRight {
    width: 68%;
    float: right;
    padding-left: 0.6vw;
    color: #fff;
}

.partyRight h3 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 0.7vw;
    margin: 1vh 0 0.2vh 0;
}

.partyRight p {
    text-indent: 2em;
    font-size: 0.35vw;
    padding-bottom: 0.2vw;
    color: #ffd900;
}

.partyList {
    width: 100%;
    font-size: 0.35vw;
    float: left;
}

.partyList li {
    margin-bottom: 0.5vh;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.djfp {
    position: relative;
    padding: 0 0.3vw 0 0.6vw;
}


/* 登录 */

.loginCon {
    width: 24vw;
    margin: 0 auto;
    padding-top: 20vh;
}

.loginCon div {
    width: 100%;
    float: left;
    margin-bottom: 1vw;
}

.loginCon div input {
    width: 100%;
    height: 2.5vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: 2px solid #eee;
    font-size: 1.04vw;
    padding: 0 0.6vw;
    outline: none;
}

.loginCon div a {
    display: block;
    width: 100%;
    height: 2.5vw;
    float: left;
    margin-top: 0.6vw;
    background: rgba(21, 92, 236, 0.5);
    border-radius: 5px;
    text-align: center;
    font-size: 1.04vw;
    line-height: 2.5vw;
    cursor: pointer;
}